<template>
    <div class="header">
        <!-- 展开菜单图标 -->
        <el-icon size="30" color="#000000" v-show="menuStore.menuBoo" @click="menuStore.changeMenuBoo()"><Expand /></el-icon>
        <!-- 折叠菜单图标 -->
        <el-icon size="30" color="#000000" v-show="!menuStore.menuBoo" @click="menuStore.changeMenuBoo()"><Fold /></el-icon>
    </div>
</template>

<script setup lang="ts">
import {ref} from 'vue'
// 引入pinia定义的模块
import {useMenuStore} from '@/stores/menu';
// 调用菜单模块的仓库
const menuStore=useMenuStore()

const boo=ref(false)

function clickIcon(){
    boo.value=!boo.value
}
</script>

<style scoped>

</style>